<!DOCTYPE html>
<html>
    <meta name='viewport' content='width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0'>
    <head></head>
    <style>
        * {
            font-family: sans-serif;
            font-size: 1.2rem;
        }
        a:link, a:visited {
            color: #303030;
        }

        a:hover, a:active {
            color: #007F7F;
            text-decoration: underline;
        }
    </style>
    <body>
        <h1>THREE AR Examples</h1>
        <li><a href="examples/basic-nft.html">NFT Marker Example</a></li>
        <li><a href="examples/basic.html">Pattern Marker Example</a></li>
        <li><a href="examples/basic-barcode.html">Barcode Marker Example (3x3 - Barcode 10)</a></li>
        <li><a href="examples/basic-performance.html">Showing Parameters for Perfomance and Using Stats.js (FPS)</a></li>
        <li><a href="examples/basic-fallback.html">Example showing Three.js fallback when no webcam is available</a></li>
        <li><a href="examples/basic-image-source.html">Example Showing an Image Source</a></li>
        <li><a href="examples/basic-video-source.html">Example Showing a Video Source</a></li>
        <li><a href="examples/basic-custom-parent.html">Example Specifying a Custom Parent Container</a></li>
        <li><a href="examples/basic-dispose.html">Example of disposing of Source and Controller and recreating on the fly</a></li>
        <li><a href="examples/basic-cutout.html">Example of a "Hole in the Floor" effect, use Hiro Marker</a></li>    
        <br />
        <h1>THREE AR Showcases</h1>
        <li><a href="examples/showcase-snake.html">&#128013; Snake game in AR, use Hiro Marker</a></li>
    </body>
</html>
